<template>
  <!-- <div class="audit"> -->
    <Breadcrumb></Breadcrumb>
    <!-- <div class="content">
      <span>订单审核</span>
      <el-button type="primary" @click="viewpdf" size="small" icon="el-icon-search">查看</el-button>
      <el-dialog
          title="查看合同"
          :visible.sync="centerDialogVisible"
          width="60%"
          style="height:100vh"
          center>
          <div class="main">
              <el-button type="primary" @click="printHandle" style="margin-bottom:20px">打印</el-button>
              <div>
                  <pdf
                    ref="mypdf"
                    :src="src"
                    :page="page"
                    style="width: 35%;text-align:center;display:inline-block"
                  ></pdf>
                   <Pagination :total="total" :pageSize="pageSize" :layout="layout" @getPageIndex="getPageIndex"></Pagination>
              </div>   
          </div> -->
          <!-- <pdf
              ref="mypdf"
              class="pdf-preview"
              v-for="i in numPages"
              :key="i"
              :src="pdfSrc"
              :page="i"></pdf> -->
          <!-- <div>
              {{currentPage}} / {{pageCount}}
              <pdf
                  ref="mypdf"
                  src="/sxt.pdf"
                  @num-pages="pageCount = $event"
                  @page-loaded="currentPage = $event">
              </pdf>
         </div> -->
      
      <!-- </el-dialog>
    </div>
  </div> -->
</template>

<script>
// import Pagination from '@/components/Pagination'
// import pdf from 'vue-pdf'
// let loadingTask = pdf.createLoadingTask('/sxt2.pdf');
// export default {
//   components:{
//     pdf,
//     Pagination
//   },
//   data(){
//     return {
//       centerDialogVisible:false,
//       currentPage: 0,
// 			pageCount: 0,
//       src: loadingTask,
//       page:1,
// 			numPages: undefined,
//       total:'',
//       pageSize:1,
//       layout:'total, prev, pager, next'

//     }
//   },
//   mounted() {
//     // this.src=loadingTask;
//     this.src.promise
//       .then((pdf) => {
//       // 计算总页数
//         this.numPages = pdf.numPages;
//         this.total=this.numPages;
//       })
//       .catch((err) => {
//         console.error("pdf 加载失败", err);
//       });
    
    
// 	},
//   methods:{
//     getPageIndex(current){
//       this.page=current;
//     },
//      viewpdf(){
//       this.centerDialogVisible=true
     
//      },
//      printHandle(){
//         console.log('-----');
//         this.$refs.mypdf.print()
//     }
//   }
// }
</script>

<style lang="less" scoped>
  .audit{
    margin:15px;
    .content{
      padding: 15px;
       background-color: #fff;
      span{
        font-size:14px;
        margin-right: 20px;
      }
      .main{
        margin: 10px auto;
        text-align: center;
      }
    }
  }
    .pdf-preview {
    width: 60%;
    //flex: 1;
    //display: none;
    height: 100vh;
    margin: 0 auto;
  }

.pdf-preview canvas {
  height: 100% !important;
}

</style>